<html>
<head>

	<link href="style.bookmarklet.css" rel="stylesheet" type="text/css" media="all"/>
	<link href="jquery.ui.css" rel="stylesheet" type="text/css" media="all"/>
	<link href="jquery.ui.timepicker.addon.css" rel="stylesheet" type="text/css" media="all"/>
	<script src="jquery.js" type="text/javascript"></script> 
	<script src="jquery.ui.js" type="text/javascript"></script>
	<script src="config.js" type="text/javascript"></script>
	<script src="popup.js" type="text/javascript"></script>
	<script src="jquery.ui.timepicker.addon.js" type="text/javascript"></script>

</head>
<body>
	<div id="top-bar">
		<div>
			<a id="home-link"><img id="meemi-logo" src="loghetto.png" /></a>
			<div id="selector"></div>
		</div>
	</div>
	<div id="meemi-form">
		<ul class="menu">
			<li><a class="active round" id="text"><span>Text</span></a></li> 
			<li><a id="quote" class="round"><span>Quote</span></a></li> 
			<li><a id="image" class="round"><span>Image</span></a></li> 
			<li><a id="link" class="round"><span>Link</span></a></li> 
			<li><a id="event" class="round"><span>Event</span></a></li> 
			<li><a id="video" class="round"><span>Video</span></a></li>
		</ul>
	</div>
	
	<form id="container" class="round">
		<div id="new-meme">
			<input type="hidden" name="meme_type" id="meme_type" value="text" />
			<strong>Text</strong>
			<textarea name="text_content" id="text_content" tabindex="1"></textarea>
			<span class="tips_small"> 
				<a id="twitter-btn" title="Posta il tuo meme su Twitter.">Twitter</a> | 
				<a id="draft-btn" title="Salva questo meme come bozza.">Draft</a> 
			</span>
			
			<div id="f-text"></div>
			
			<div id="f-quote" class="hide">
				<div id="media-content">Author</div>
				<input type="text" name="quote_author" id="quote_author" class="txt" tabindex="2" />
			</div>
			
			<div id="f-image" class="hide">
				<div id="media-content">Image</div>
				<div id="images-list"></div>
				<div id="img-url-content">
					<strong>Or enter it by URL</strong>
					<input type="text" name="img_url" id="img_url" class="txt" tabindex="3" />
				</div>
			</div>
			
			<div id="f-link" class="hide"> 
				<div id="media-content">URL</div>
				<span class="optional">http://www.domain.ext</span>
				<input type="text" name="link_url" id="link_url" class="txt" tabindex="4" /> 
			</div>
			
			<div id="f-event" class="hide">
				<div id="media-content">Title</div>
				<input type="text" name="event_title" id="event_title" class="txt" tabindex="5"/>
				<strong>Where</strong>
				<input type="text" name="event_where" id="event_where" class="txt" tabindex="6"/>
				<strong>When</strong>
				<input type="text" class="txt" id="date-picker" tabindex="7" />
				<input type="hidden" id="event-hour" name="hour" />
				<input type="hidden" id="event-minute" name="minute" />
				<input type="hidden" id="event-day" name="day" />
				<input type="hidden" id="event-month" name="month" />
				<input type="hidden" id="event-year" name="year" />
				
			</div>
			
			<div id="f-video" class="hide"> 
				<div id="media-content">Video</div> 
				<textarea name="video_content" id="video_content" tabindex="12"></textarea> 
			</div>
			
			<div id="opt" class="hide"> 
				<strong>Source <span class="optional">(optional)</span></strong> 
				<input type="text" name="fonte" id="fonte" class="txt" value="" /> 
				<strong>Channels <span class="optional">(optional)</span></strong> 
				<input type="text" name="channels" id="channels" class="txt" /> 
			</div>
			
			<button id="send-meme-button" class="button" tabindex="13">Send Meme</button>
			<button id="clear-form-button" class="button" disabled>Clear Form</button>
			<a id="options-btn">options</a>
			<div id="source-check" class=""><a class="round"><span class="">Source</span></a></div>
		</div>
		</div>
	</form>
	
	<div id="meemi-reader" class="hide">
	
	</div>
	
	<div id="footer">
		<div id="random-meme" class="round">
			<div id="random-meme-author"></div>
			<div id="random-meme-image" class="hide"></div>
			<div id="random-meme-text"></div>
			<div id="random-meme-type">
				Random meme:
			</div>
		</div>
	</div>
</body>
</html>
